<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>新建角色</title>
    <style type="text/css">
        .t1 {
            width: 100px;
            height: 30px;
            text-align: center;
        }
        .t2 {
            width: 150px;
        }
        #bt1, #bt2, #bt3, #bt4, #bt5 {
            height: 30px;
            padding-left: 10px;
        }

        #thebt1, #thebt2, #thebt3, #thebt4, #thebt5 {
            padding-left: 200px;
            height: 30px;
        }
    </style>
    <script src="systemManager/js/addRole.js"></script>
</head>
<body>
<section class="content-header">
    <ol class="breadcrumb">
        <li><i class="fa fa-dashboard"></i>首页</li>
        <li>角色管理</li>
        <li>职责角色管理</li>
        <li>新建角色</li>
    </ol>
    <div class="clearfix"></div>
</section>
<div>
    <!-- 角色管理 -->
    <div>
        <table class="table">
            <tr>
                <td class="t1">角色名称</td>
                <td class="t2">
                    <input id="roleName" type="text" class="form-control" onblur="verifyRoleName()"/>
                    <span id="rolaNameMsg" style="color: green; padding-left: 15px;"></span>
                </td>
                <td class="t1">所属银行</td>
                <td class="t2">
                    <select class="form-control select2" id="addRoleBank"></select>
                </td>
                <td class="t1">描述</td>
                <td class="t2">
                    <input id="description" type="text" class="form-control"/>
                </td>
                <td class="t2"></td>
            </tr>
         </table>
    </div>
    <!-- 角色管理结束 -->
    <!-- 功能权限管理 -->
    <div>
        <div style="border: 1px solid #BCBCBC;">
            <div style="color: #3D81C0; font-weight: bold; padding-left: 8px; width: 150px;border: 1px;">功能权限</div>
            <div style="border: 1px solid #BCBCBC; width: 100%">
                <div style="display: inline-block; width: 200px; border:1px solid #BCBCBC ; padding-left: 8px;">
                    功能平台
                </div>
                <div style="display: inline-block;">
                    <select>
                        <option>管理平台</option>
                    </select>
                </div>
            </div>
            <div style="border: 1px solid #BCBCBC; width: 100%">
                <div>
                    <select id="sidebar1">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    <a id="bt1" style="cursor: pointer; color: black;display: inline-block; font-weight: bolder;">+&nbsp;存量模型</a>
                </div>
            </div>
            <div id="thebt1" style="border: 1px solid #BCBCBC; width: 100%;">
                <div>
                    <select id="sidebar1-1">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    题库管理
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <select id="sidebar1-2">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    组合管理
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <select id="sidebar1-3">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    产品模型管理
                </div>
            </div>
            <div style="border: 1px solid #BCBCBC; width: 100%">
                <div>
                    <select id="sidebar2">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    <a id="bt2"
                       style="cursor: pointer; color: black;display: inline-block; font-weight: bolder;">+&nbsp;增量模型</a>
                </div>
            </div>
            <div id="thebt2" style="border: 1px solid #BCBCBC; width: 100%;">
                <div>
                    <select id="sidebar2-1">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    产品管理
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <select id="sidebar2-2">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    模型管理
                </div>
            </div>
            <div style="border: 1px solid #BCBCBC; width: 100%">
                <div>
                    <select id="sidebar3">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    <a id="bt3"
                       style="cursor: pointer; color: black;display: inline-block; font-weight: bolder;">+&nbsp;客户管理</a>
                </div>
            </div>
            <div id="thebt3" style="border: 1px solid #BCBCBC; width: 100%;">
                <div>
                    <select id="sidebar3-1">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    客户信息管理
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <select id="sidebar3-2">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    黑名单管理
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <select id="sidebar3-3">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    黑名单审核
                </div>
            </div>
            <div style="border: 1px solid #BCBCBC; width: 100%">
                <div>
                    <select id="sidebar4">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    <a id="bt4"
                       style="cursor: pointer; color: black;display: inline-block; font-weight: bolder;">+&nbsp;业务管理</a>
                </div>
            </div>
            <div id="thebt4" style="border: 1px solid #BCBCBC; width: 100%;">
                <div>
                    <select id="sidebar4-1">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    批量授信
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <select id="sidebar4-2">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    进件处理
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <select id="sidebar4-3">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    费用查询
                </div>
            </div>
            <div style="border: 1px solid #BCBCBC; width: 100%">
                <div>
                    <select id="sidebar5">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    <a id="bt5" style="cursor: pointer; color: black;display: inline-block; font-weight: bolder;">+&nbsp;系统管理</a>
                </div>
            </div>
            <div id="thebt5" style="border: 1px solid #BCBCBC; width: 100%;">
                <div>
                    <select id="sidebar5-1">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    使用者及权限
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    <select id="sidebar5-2">
                        <option value="-1">--请选择--</option>
                        <option value="0">无权限</option>
                        <option value="1">查询</option>
                        <option value="2">维护</option>
                    </select>
                    &nbsp;&nbsp;&nbsp;&nbsp;
                    职责角色管理
                </div>
            </div>
        </div>
    </div>

    <table class="table">
        <tr>
            <td colspan="6"></td>
        </tr>
        <tr>
            <td colspan="6"></td>
        </tr>
        <tr></tr>
        <tr></tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td colspan="4" style="float: right;">
                <button class="btn btn-primary my-btn" onclick="saveAddRole()"><i class="fa fa-save button-in-i"></i>保存
                </button>
                <button class="btn btn-default my-btn" onclick="loadPage('systemManager/roleManager.html');"><i
                        class="fa fa-backward button-in-i"></i>返回
                </button>
            </td>
        </tr>
    </table>

</div>
</body>
</html>
